
<template>
    <div class="all">
        <div class="container17">
            <div>
                <el-tabs v-model="activename">
                    <el-tab-pane label="运行状态量" name="first"></el-tab-pane>
                    <el-tab-pane label="检测状态量" name="second"></el-tab-pane>
                </el-tabs>
            </div>


            <el-form status-icon ref="#" label-width="100px" class="" v-if="activename == 'first'">

                <div class="i">

                    <div class="t17">发电机定子</div>
                    <div class="kb17"></div>
                    <el-form-item label="01.定子绕组直流电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_1" placeholder="测评参数">123123</el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="02.定子绕组交流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_2" autocomplete="on" placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="03.定子绕组直流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="04.定子绕组泄漏电流" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="05.定子绕组端部手包绝缘" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="06.端部模态试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="07.防晕层检查及电晕试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="08.定子铁心试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="09.定子铁心检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_9" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="10.定子槽楔检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value1_10" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>


                </div>

                <div class="lie1"></div>
                <div class="j">
                    <div class="t17">发电机转子</div>
                    <div class="kb18"></div>

                    <el-form-item label="01.转子绕组直流电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="02.定转子绕组交流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_2" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="03.励滋回路所连接的设备的交流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="04.转子绕组绝缘电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="05.励滋回路所连接的设备的绝缘电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="06.交流阻抗" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="07.转子气密试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="08.转子通风试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="09.大轴、护环、风冷叶片金属表面探伤" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_9" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="10.发电机定转子间隙" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_10" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="11.集电环电刷装置检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value2_11" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>


                </div>
                <div class="lie2"></div>
                <div class="k">
                    <div class="t17">发电机轴承及氢油水辅助系统</div>

                    <el-form-item label="01.发电机轴承绝缘电阻及轴承电压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value3_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>
                    <div class="t17"></div>

                    <div class="kb19"></div>

                    <el-form-item label="01.定子回路水压试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="02.定子线棒反冲洗" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_2" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="03.绝缘引水管检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="04.定冷水回路滤网检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="05.定冷水回路密封垫检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="06.定子线棒流量试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="07.氢冷器水压试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="08.密封瓦及轴颈检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value4_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                </div>
                <div class="lie3"></div>
                <div class="l">
                    <div class="t17">发电机运行状态量</div>

                    <div class="kb20"></div>

                    <el-form-item label="1.4.发电机在线局部放电监测PDM" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="1.5.发电机绝缘过热检测" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_2" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="1.6.发电机噪音" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="1.7.发电机异音" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="1.8.发电机基座振动" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="2.1.转子接地报警信号" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="2.2.转子绕组匝间短路在线检测" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="2.3.集电环电刷装置运行" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="2.4.汽侧大轴接地情况" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_9" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="4.8.液位指示器检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_10" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb20"></div>

                    <el-form-item label="4.14.密封油中含水量" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_first.value5_11" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>
                </div>
                <div class="kb17"></div>
                <h>.</h>
                <el-dialog title="发电机状态评价结果" :visible.sync="dialogVisible" width="30%">
                    <div id="1" class="pic"></div>
                    <span slot="footer" class="dialog-footer">
                        <el-button type="primary" @click="dialogVisible = false">确定</el-button>
                    </span>
                </el-dialog>
                <div class="bbbttt1">
                    <el-form-item class="bt17">
                        <el-button type="primary" @click="evaluate_first(), openFullScreen2">查询</el-button>
                    </el-form-item>
                </div>
            </el-form>




            <el-form status-icon ref="#" label-width="100px" class="" v-if="activename == 'second'">

                <div class="x">
                    <div class="t17">发电机定子</div>
                    <div class="kb17"></div>

                    <el-form-item label="01.定子绕组直流电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="02.定子绕组交流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_2" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="03.定子绕组直流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="04.定子绕组泄漏电流" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="05.定子绕组端部手包绝缘" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="06.端部模态试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="07.防晕层检查及电晕试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="08.产定子铁心试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="09.定子铁心检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_9" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb17"></div>

                    <el-form-item label="10.产定子槽楔检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value1_10" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>


                </div>

                <div class="lie4"></div>
                <div class="y">
                    <div class="t17">发电机转子</div>
                    <div class="kb18"></div>

                    <el-form-item label="01.转子绕组直流电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="02.定转子绕组交流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_2" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="03.励滋回路所连接的设备的交流耐压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="04.转子绕组绝缘电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="05.励滋回路所连接的设备的绝缘电阻" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="06.交流阻抗" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="07.转子气密试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="08.转子通风试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="09.大轴、护环、风冷叶片金属表面探伤" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_9" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="10.发电机定转子间隙" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_10" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb18"></div>

                    <el-form-item label="11.集电环电刷装置检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value2_11" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>


                </div>
                <div class="lie5"></div>
                <div class="z">
                    <div class="t17">发电机轴承及氢油水辅助系统</div>

                    <el-form-item label="01.发电机轴承绝缘电阻及轴承电压" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value3_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>
                    <div class="t17"></div>

                    <div class="kb19"></div>

                    <el-form-item label="01.定子回路水压试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_1" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="02.定子线棒反冲洗" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_2" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="03.绝缘引水管检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_3" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="04.定冷水回路滤网检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_4" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="05.定冷水回路密封垫检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_5" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="06.定子线棒流量试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_6" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="07.氢冷器水压试验" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_7" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                    <div class="kb19"></div>

                    <el-form-item label="08.密封瓦及轴颈检查" class="mc" prop="" label-width="310px" style="width:100%">
                        <el-input type="text" v-model="form_second.value4_8" autocomplete="off"
                            placeholder="测评参数"></el-input>
                    </el-form-item>

                </div>
                <el-dialog title="发电机状态评价结果" :visible.sync="dialogVisible2" width="30%">
                    <div id="2" class="pic"></div>
                    <span slot="footer" class="dialog-footer">
                        <el-button type="primary" @click="dialogVisible2 = false">确定</el-button>
                    </span>
                </el-dialog>

                <div class="bbbttt">
                    <el-form-item class="bt17">
                        <el-button type="primary" @click="evaluate_second()">查询</el-button>
                    </el-form-item>
                </div>
            </el-form>
        </div>
    </div>
</template>
  
<script >
import axios from '../../store/axios'
import qs from '../../store/qs'
import theme from "../../assets/chalkchart.json";
import * as echarts from "echarts";


export default {

    mounted() {


    },

    methods: {
        evaluate_first() {

            axios.post('http://dgzhet.com:8000/api/machine/evaluatefirst/', qs.stringify(this.form_first)).then(res => {
                if (res.data.error_message == 'error') {
                    this.$message.error(res.data.data);

                } else if (res.data.error_message == 'success') {
                    this.option.series[0].data[0].value = res.data.data;
                    const loading = this.$loading({
                        lock: true,
                        text: '系统参数评测中',
                        spinner: 'el-icon-loading',
                        background: 'rgba(0, 0, 0, 0.7)'
                    });
                    setTimeout(() => {
                        loading.close();
                        setTimeout(() => {
                            this.dialogVisible = true;
                            var obj = theme;
                            echarts.registerTheme("slef-theme", obj);
                            setTimeout(() => {
                                console.log(this.option)
                                var myChart = echarts.init(document.getElementById('1'), "slef-theme");
                                myChart.setOption(this.option);
                            }, 50);
                        }, 10);
                    }, 500);
                }
            })
        },
        evaluate_second() {
            axios.post('http://dgzhet.com:8000/api/machine/evaluatesecond/', qs.stringify(this.form_second)).then(res => {
                if (res.data.error_message == 'error') {
                    this.$message.error(res.data.data);

                } else if (res.data.error_message == 'success') {
                    this.option_second.series[0].data[0].value = res.data.data;
                    const loading = this.$loading({
                        lock: true,
                        text: '系统参数评测中',
                        spinner: 'el-icon-loading',
                        background: 'rgba(0, 0, 0, 0.7)'
                    });
                    setTimeout(() => {
                        loading.close();
                        setTimeout(() => {
                            this.dialogVisible2 = true;
                            var obj = theme;
                            echarts.registerTheme("slef-theme", obj);
                            setTimeout(() => {
                                var myChart = echarts.init(document.getElementById('2'), "slef-theme");
                                myChart.setOption(this.option_second);
                            }, 50);
                        }, 10);
                    }, 500);
                }
            })
        },
        openFullScreen2() {

        }
    },

    data() {
        return {
            option: {
                series: [
                    {
                        type: 'gauge',
                        startAngle: 180,
                        endAngle: 0,
                        center: ['50%', '75%'],
                        radius: '90%',
                        min: 0,
                        max: 1,
                        splitNumber: 20,
                        axisLine: {
                            lineStyle: {
                                width: 6,
                                color: [
                                    [0.6, '#FF3F42'],
                                    [0.75, '#AA00A7'],
                                    [0.85, '#FDDD60'],
                                    [0.95, '#58D9F9'],
                                    [1, '#7CFFB2']
                                ]
                            }
                        },
                        pointer: {
                            icon: 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z',
                            length: '12%',
                            width: 20,
                            offsetCenter: [0, '-60%'],
                            itemStyle: {
                                color: 'inherit'
                            }
                        },
                        axisTick: {
                            length: 12,
                            lineStyle: {
                                color: 'inherit',
                                width: 2
                            }
                        },
                        splitLine: {
                            length: 20,
                            lineStyle: {
                                color: 'inherit',
                                width: 3
                            }
                        },
                        axisLabel: {
                            color: '#464646',
                            fontSize: 20,
                            distance: -60,
                            rotate: 'tangential',
                            formatter: function (value) {
                                if (value === 1) {
                                    return '良好';
                                } else if (value === 0.9) {
                                    return '正常';
                                } else if (value === 0.8) {
                                    return '注意';
                                } else if (value === 0.70) {
                                    return '异常';
                                } else if (value === 0.35) {
                                    return '重大异常'
                                }
                                return '';
                            }
                        },
                        title: {
                            offsetCenter: [0, '-10%'],
                            fontSize: 20
                        },
                        detail: {
                            fontSize: 50,
                            offsetCenter: [0, '-35%'],
                            valueAnimation: true,
                            formatter: function (value) {
                                return Math.round(value * 100) + '分';
                            },
                            color: 'inherit'
                        },
                        data: [
                            {
                                value: 0,
                                name: '状态评价得分'
                            }
                        ]
                    }
                ]
            },
            option_second: {
                series: [
                    {
                        type: 'gauge',
                        startAngle: 180,
                        endAngle: 0,
                        center: ['50%', '75%'],
                        radius: '90%',
                        min: 0,
                        max: 1,
                        splitNumber: 20,
                        axisLine: {
                            lineStyle: {
                                width: 6,
                                color: [
                                    [0.6, '#FF3F42'],
                                    [0.75, '#AA00A7'],
                                    [0.85, '#FDDD60'],
                                    [0.95, '#58D9F9'],
                                    [1, '#7CFFB2']
                                ]
                            }
                        },
                        pointer: {
                            icon: 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z',
                            length: '12%',
                            width: 20,
                            offsetCenter: [0, '-60%'],
                            itemStyle: {
                                color: 'inherit'
                            }
                        },
                        axisTick: {
                            length: 12,
                            lineStyle: {
                                color: 'inherit',
                                width: 2
                            }
                        },
                        splitLine: {
                            length: 20,
                            lineStyle: {
                                color: 'inherit',
                                width: 3
                            }
                        },
                        axisLabel: {
                            color: '#464646',
                            fontSize: 20,
                            distance: -60,
                            rotate: 'tangential',
                            formatter: function (value) {
                                if (value === 1) {
                                    return '良好';
                                } else if (value === 0.9) {
                                    return '正常';
                                } else if (value === 0.8) {
                                    return '注意';
                                } else if (value === 0.70) {
                                    return '异常';
                                } else if (value === 0.35) {
                                    return '重大异常'
                                }
                                return '';
                            }
                        },
                        title: {
                            offsetCenter: [0, '-10%'],
                            fontSize: 20
                        },
                        detail: {
                            fontSize: 50,
                            offsetCenter: [0, '-35%'],
                            valueAnimation: true,
                            formatter: function (value) {
                                return Math.round(value * 100) + '分';
                            },
                            color: 'inherit'
                        },
                        data: [
                            {
                                value: 0,
                                name: '状态评价得分'
                            }
                        ]
                    }
                ]
            },
            form_first: {
                value1_1: '',
                value1_2: '',
                value1_3: '',
                value1_4: '',
                value1_5: '',
                value1_6: '',
                value1_7: '',
                value1_8: '',
                value1_9: '',
                value1_10: '',
                value2_1: '',
                value2_2: '',
                value2_3: '',
                value2_4: '',
                value2_5: '',
                value2_6: '',
                value2_7: '',
                value2_8: '',
                value2_9: '',
                value2_10: '',
                value2_11: '',
                value3_1: '',
                value4_1: '',
                value4_2: '',
                value4_3: '',
                value4_4: '',
                value4_5: '',
                value4_6: '',
                value4_7: '',
                value4_8: '',
                value5_1: '',
                value5_2: '',
                value5_3: '',
                value5_4: '',
                value5_5: '',
                value5_6: '',
                value5_7: '',
                value5_8: '',
                value5_9: '',
                value5_10: '',
                value5_11: '',
            },
            form_second: {
                value1_1: '',
                value1_2: '',
                value1_3: '',
                value1_4: '',
                value1_5: '',
                value1_6: '',
                value1_7: '',
                value1_8: '',
                value1_9: '',
                value1_10: '',
                value2_1: '',
                value2_2: '',
                value2_3: '',
                value2_4: '',
                value2_5: '',
                value2_6: '',
                value2_7: '',
                value2_8: '',
                value2_9: '',
                value2_10: '',
                value2_11: '',
                value3_1: '',
                value4_1: '',
                value4_2: '',
                value4_3: '',
                value4_4: '',
                value4_5: '',
                value4_6: '',
                value4_7: '',
                value4_8: '',
            },
            activename: 'first',
            fullscreenLoading: false,
            dialogVisible: false,
            dialogVisible2: false,
        }
    }
}

</script>
  
  
<style >
.container17 {

    width: 98%;
    background-color: rgb(255, 255, 255);
    background-size: 100%;
    margin-left: 1%;
    margin-top: 1%;
    min-height: 100%;
}



.bt17 {
    width: 55%;
    background-color: rgba(5, 26, 37, 0);
    margin-left: 40%;
}

.i {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 25%;
}



.j {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 25%;
}



.k {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 25%;
}

.l {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 25%;
}

.x {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 33.33333%;
}

.y {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 33.33333%;
}

.z {
    background-color: rgb(255, 255, 255);
    float: left;
    width: 33.33334%;
}

.mc .el-form-item__label {
    padding-left: 50px;
    text-align: left;
    font-size: 14.2px;
}

.kb17 {
    padding-top: 19px;
    background-color: rgba(95, 167, 209, 0);
}

.kb18 {
    padding-top: 11.7px;
    background-color: rgba(95, 167, 209, 0);
}

.kb19 {
    padding-top: 31.5px;
    background-color: rgba(95, 167, 209, 0);
}

.kb20 {
    padding-top: 12px;
    background-color: rgba(95, 167, 209, 0);
}

.kb4 {
    padding-top: 86px;
    background-color: rgba(95, 167, 209, 0);
}

.title {
    text-align: center;
    font-size: 300%;
    margin-bottom: 2%;
    border-bottom: 1px solid black;
}

body {

    background-color: #E4E7ED;
    background-size: 100%;
}

.t17 {
    text-align: left;
    margin-left: 12%;
    font-weight: bold;
    color: rgb(14, 13, 13);
    font-style: italic;
    font-size: 150%;
}

.el-tabs__item {
    margin-left: 15%;
    font-size: 18px !important;
}

.el-tabs__active-bar {
    bottom: -2px;
}


.pic {
    height: 400px;
}

.lie1 {
    position: absolute;
    top: 5%;
    height: 100%;
    width: 1%;
    left: 26%;
    background-color: #E4E7ED;
}

.lie2 {
    position: absolute;
    top: 5%;
    height: 100%;
    width: 1%;
    left: 50.7%;
    background-color: #E4E7ED;
}

.lie3 {
    position: absolute;
    top: 5%;
    height: 100%;
    width: 1%;
    left: 75%;
    background-color: #E4E7ED;
}

.lie4 {
    position: absolute;
    top: 5%;
    height: 100%;
    width: 1%;
    left: 34.5%;
    background-color: #E4E7ED;
}

.lie5 {
    position: absolute;
    top: 5%;
    height: 100%;
    width: 1%;
    left: 67%;
    background-color: #E4E7ED;
}

.bbbttt {
    position: absolute;
    top: 7%;
    left: 10%;
}

.bbbttt1 {
    position: absolute;
    top: 6.78%;
    left: 10%;
}
</style>